<template xmlns="http://www.w3.org/1999/html">
    <div>
        <top></top>

        <Breadcrumbs />

        <v-container>
            <v-row>
                <v-col cols="12">
                    <h3 class="text-left" style="margin-bottom: 10px">营业执照信用贷</h3>
                </v-col>
            </v-row>
            <!-- 使用 v-data-table 组件创建表格 -->
            <!-- 使用 v-table 组件创建表格 -->
            <v-table class="full-width-table">
                <!-- 表格主体 -->
                <tbody>
                <!-- 第一行数据 -->
                    <tr>
                        <td style="width: 300px">适合人群：</td>
                        <td style="width: 1000px">实体经营</td>
                    </tr>
                    <tr>
                        <td style="width: 300px">额度：</td>
                        <td style="width: 1000px">1-60万</td>
                    </tr>
                    <tr>
                        <td style="width: 300px">利息：</td>
                        <td style="width: 1000px">230元/万元/月</td>
                    </tr>
                    <tr>
                        <td style="width: 300px">标签：</td>
                        <td style="width: 1000px"></td>
                    </tr>

                </tbody>
            </v-table>
            <v-row>
                <v-col cols="12">
                        <v-card-text>
                            1、成立并实体经营一年以上<br>
                            2、有固定场所经营，可提供上门考察<br>
                            3、月流水5万以上<br>
                            备注说明<br>
                            具体利息以银行为准。<br>
                        </v-card-text>
                </v-col>
            </v-row>

        </v-container>

        <v-container>
            <div>
                <div style="padding: 1rem;background: #ba2b39;color: #fff;font-size: 18px;font-weight: 700;text-align: center">
                    查找咨询服务专员
                </div>
                <v-card outlined class="rounded-lg" st>
                    <v-card-text>
                        <v-row align="center">
                            <v-col cols="auto">
                                <v-avatar size="100" >
                                    <img style="max-width: 100%; height: auto; display: block;" src="/asset/loan/img/yuangong1 (1).jpg" alt="员工图片">
                                </v-avatar>
                            </v-col>
                            <v-col>
                                <v-row>
                                    <v-col cols="7">
                                        <div>成都贷款咨询专家-陈经理</div>
                                    </v-col>
                                    <!-- 第三列：两个按钮 -->
                                    <v-col cols="5">
                                        <v-row>
                                            <!-- 第三列第一行：按钮1 -->
                                            <v-col cols="12">
                                                <v-btn color="primary" block>电话咨询</v-btn>
                                            </v-col>
                                            <!-- 第三列第二行：按钮2 -->
                                            <v-col cols="12">
                                                <v-btn color="secondary" block>在线咨询</v-btn>
                                            </v-col>
                                        </v-row>
                                    </v-col>
                                </v-row>
                            </v-col>
                        </v-row>
                    </v-card-text>
                </v-card>
                <v-card outlined class="rounded-lg" st>
                    <v-card-text>
                        <v-row align="center">
                            <v-col cols="auto">
                                <v-avatar size="100" >
                                    <img style="max-width: 100%; height: auto; display: block;" src="/asset/loan/img/yuangong1 (1).jpg" alt="员工图片">
                                </v-avatar>
                            </v-col>
                            <v-col>
                                <v-row>
                                    <v-col cols="7">
                                        <div>成都贷款咨询专家-陈经理</div>
                                    </v-col>
                                    <!-- 第三列：两个按钮 -->
                                    <v-col cols="5">
                                        <v-row>
                                            <!-- 第三列第一行：按钮1 -->
                                            <v-col cols="12">
                                                <v-btn color="primary" block>电话咨询</v-btn>
                                            </v-col>
                                            <!-- 第三列第二行：按钮2 -->
                                            <v-col cols="12">
                                                <v-btn color="secondary" block>在线咨询</v-btn>
                                            </v-col>
                                        </v-row>
                                    </v-col>
                                </v-row>
                            </v-col>
                        </v-row>
                    </v-card-text>
                </v-card>
            </div>

        </v-container>

    </div>
</template>

<script>
import axios from "axios";
import { mapGetters } from "vuex";

import Top from "../common/top.vue";
import Breadcrumbs  from "../common/breadcrumbs.vue";


export default {
    data: () => ({
        dialog: false,
        banner: [],
        home_h5_diy:[],
        qr_code: "",
        app_name: '',
    }),
    components: {
        Top,Breadcrumbs
    },
    computed: {
        ...mapGetters(["uid"]),
    },
    created() {
        this.load();
        this.saveCode();
    },
    methods: {
        callPhone() {
            // 实际的拨打电话功能需要根据实际情况实现，这里只是个示例
            alert('拨打电话给店铺');
        },
        saveCode(){
            // if (this.$route.query.code) {
            //     console.log('邀请码：',this.$route.query.code)
            //     // 将邀请码存储到localStorage
            //     localStorage.setItem('inviteCode', this.$route.query.code);
            // }
        },
        load() {
            // axios
            //     .get(`/v1/home`)
            //     .then((response) => {
            //         this.banner = response.data.data.banner;
            //         this.home_h5_diy = response.data.data.home_h5_diy;
            //         console.log('this.home_h5_diy',this.home_h5_diy)
            //         this.appName = response.data.data.app_name;
            //     })
            //     .catch(function () {})
            //     .then(function () {});
        },

        goPlan() {
            // if (this.uid && this.uid > 0) {
            //     this.$router.push({ path: `/loan` });
            // } else {
            //     this.$toasted.show("请联系客服进行开通", {
            //         type: "error",
            //         position: "bottom-center",
            //     });
            // }
        },
    },
};
</script>

<script setup>
// 这里可以添加逻辑代码，如果没有则留空
</script>

<style scoped>
.full-width-table {
    width: 100%;
}
th,
td {
    padding: 10px;
    border: 1px solid #ccc;
}
</style>
